<template>
	<view class="depa-detail-content">
		<view class="tops-box">
			创建者和管理员可以修改科室名称和所属医院
		</view>
		<view class="nav-item">
			<view class="nav-text">
				所属医院
			</view>
			<view class="right-box" @click="chooseHospitalClick">
				<view class="text">
					请选择所在医院
				</view>
				<image class="nav-arrow" src="../../static/icon_arrow_right.png" mode="aspectFill"></image>
			</view>
		</view>
		<view class="nav-item">
			<view class="nav-text">
				所属科室
			</view>
			<view class="right-box" @click="chooseHospitalClick">
				<view class="text">
					内科
				</view>
				<image class="nav-arrow" src="../../static/icon_arrow_right.png" mode="aspectFill"></image>
			</view>
		</view>
		<view class="nav-item">
			<view class="nav-text">
				创建者
			</view>
			<view class="right-box">
				<view class="text">
					内科
				</view>
			</view>
		</view>
		<view class="nav-item">
			<view class="nav-text">
				编号
			</view>
			<view class="right-box">
				<view class="text">
					123456
				</view>
			</view>
		</view>
		<button class="btn" type="default">转让科室</button>
		<button class="btn mgt30 btn-w" type="default">解散科室</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less" scoped>
	view{
		box-sizing: border-box;
	}
.depa-detail-content{
	min-height: 100%;
	background-color: #f8f5fb;
	.tops-box{
		color: #75777d;
		background-color: #FEF8F0;
		font-size: 24rpx;
		padding: 18rpx 16rpx;
	}
	.nav-item{
		width: 100%;
		height: 100rpx;
		display: flex;
		align-items: center;
		padding: 0px 20rpx;
		justify-content: space-between;
		background-color: #FFFFFF;
		border-bottom: solid 1rpx #eaeefb;
		.nav-text{
			font-size: 30rpx;
			color: #323233;
		}
		.right-box{
			display: flex;
			align-items: center;
			.text{
				color: #AAAAAA;
			}
		}
		.nav-arrow{
			width: 50rpx;
			height: 42rpx;
		}
		.nav-input{
			text-align: right;
		}
	}
	.mgt30{
		margin-top: 30rpx;
	}
	.btn{
		width: 90%;
		margin: 0px auto;
		margin-top: 60rpx;
		background-color: #0098f2;
		color: #FFFFFF;
		border-radius: 34rpx;
		font-size: 32rpx;
	}
	.btn-w{
		background-color: #FFFFFF;
		color: #323233;
		border-color: #FFFFFF;
	}
	.btn-w::after {
		border-color: #FFFFFF;
	}
}
</style>
